<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>微信扫一扫获取二维码参数</title>
</head>
<body>
<button onclick="scanQRCode()">点击扫描二维码</button>
<div id="result"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
    $(function(){
        $.ajax({
            type: "GET",
            url: "/api/pro_set?uri=" + encodeURI(location.href),
            dataType: "json",
            data: {},
            success: function (res) {
                console.log(res);
                wx.config({
                    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    appId: res.data.appId, // 必填，公众号的唯一标识
                    timestamp: res.data.timestamp, // 必填，生成签名的时间戳
                    nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
                    signature: res.data.signature,// 必填，签名
                    jsApiList: res.data.jsApiList// 必填，需要使用的JS接口列表
                });
            },
        })
    });

    // 扫描二维码
    function scanQRCode() {
        wx.scanQRCode({
            needResult: 1,
            scanType: ['qrCode'],
            success: function (res) {
                var result = res.resultStr;
                document.getElementById('result').innerText = '扫描结果：' + result;
                // 在这里可以对 result 进行进一步处理
            },
            fail: function (res) {
                alert('扫描失败，请重试');
            }
        });
    }
</script>
</body>
</html>
